/* 背景过度 */
.background{
    width: 200px;
    height: 200px;
    margin: 200px auto;
    /* 普通过度 */
    /* background: linear-gradient(#fb3, #58a); */

    /* 设置过度位置，一个开始位置，一个结束位置 */
    /* background: linear-gradient(#fb3 40%, #58a 60%); */

    /* 生成条纹，两个数控制两条纹颜色比例 */
    /* background: linear-gradient(#fb3 30%, #58a 30%); */
    /* 一次循环的条纹高度 */
    /* background-size: 100% 50px; */

    /* 三条纹 */
    /* background: linear-gradient(#fb3 33.3%,#58a 0, #58a 66.6%, yellowgreen 0);
    background-size: 100% 45px; */

    /* 垂直条纹 */
    /* background: linear-gradient(to right, #fb3 50%, #58a 0);
    background-size: 30px 100%; */

    /* 斜向条纹 */
    /* background: linear-gradient(45deg,#fb3 50%, #58a 0);
    background-size: 30px 30px; */

    /* 无缝拼接的图像能生成斜向条纹 */
    /* background: linear-gradient(45deg,#fb3 25%, #58a 0, #58a 50%,#fb3 0, #fb3 75%, #58a 0);
    background-size: 200px 200px; */

    /* 60°条纹 */
    /* background: repeating-linear-gradient(60deg,#fb3, #fb3 15px, #58a 0, #58a 30px); */

    /* 复杂的背景 */
    /* background: #58a;
    background-image:
     linear-gradient(white 2px, transparent 0),
     linear-gradient(90deg, white 2px, transparent 0),
     linear-gradient(hsla(0,0%,100%,.3) 1px,
     transparent 0),
     linear-gradient(90deg, hsla(0,0%,100%,.3) 1px,
     transparent 0);
    background-size: 75px 75px, 75px 75px,
     15px 15px, 15px 15px; */

    /* background: #655;
    background-image: radial-gradient(tan 30%, transparent 0);
    background-size: 30px 30px; */

    /* background: #655;
    background-image: radial-gradient(tan 30%, transparent 0),
    radial-gradient(tan 30%, transparent 0);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px; */

    /* background: conic-gradient(red, yellow, lime, aqua, blue, fuchsia, red); */

    /* 背景图 */
    padding: 1em;
    border: 1em solid transparent;
    background: linear-gradient(white, white),
    url(../images/jirx.jpg);
    background-size: cover;
    background-clip: padding-box, border-box;
    background-origin: border-box;
}